﻿<!DOCTYPE html>
<html>
  <head>
    <title>查看</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/查看/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/查看/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u575" class="ax_default box_2">
        <img id="u575_img" class="img " src="images/查看/u575.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u576" class="ax_default box_3">
        <img id="u576_img" class="img " src="images/首页（总览）/u175.png"/>
      </div>

      <!-- 线条 (动态面板) -->
      <div id="u577" class="ax_default" data-label="线条">
        <div id="u577_state0" class="panel_state" data-label="线条" style="">
          <div id="u577_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u578" class="ax_default box_3">
        <img id="u578_img" class="img " src="images/查看/u578.png"/>
      </div>

      <!-- 背景 (动态面板) -->
      <div id="u579" class="ax_default" data-label="背景">
        <div id="u579_state0" class="panel_state" data-label="1" style="">
          <div id="u579_state0_content" class="panel_state_content">
          </div>
        </div>
        <div id="u579_state1" class="panel_state" data-label="2" style="visibility: hidden;">
          <div id="u579_state1_content" class="panel_state_content">
          </div>
        </div>
        <div id="u579_state2" class="panel_state" data-label="3" style="visibility: hidden;">
          <div id="u579_state2_content" class="panel_state_content">
          </div>
        </div>
        <div id="u579_state3" class="panel_state" data-label="4" style="visibility: hidden;">
          <div id="u579_state3_content" class="panel_state_content">
          </div>
        </div>
        <div id="u579_state4" class="panel_state" data-label="5" style="visibility: hidden;">
          <div id="u579_state4_content" class="panel_state_content">
          </div>
        </div>
        <div id="u579_state5" class="panel_state" data-label="6" style="visibility: hidden;">
          <div id="u579_state5_content" class="panel_state_content">
          </div>
        </div>
        <div id="u579_state6" class="panel_state" data-label="7" style="visibility: hidden;">
          <div id="u579_state6_content" class="panel_state_content">
          </div>
        </div>
        <div id="u579_state7" class="panel_state" data-label="8" style="visibility: hidden;">
          <div id="u579_state7_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- 线条 (动态面板) -->
      <div id="u580" class="ax_default" data-label="线条">
        <div id="u580_state0" class="panel_state" data-label="线条" style="">
          <div id="u580_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u581" class="ax_default _默认样式 selected">
        <img id="u581_img" class="img " src="images/首页（总览）/u181.png"/>
        <div id="u581_text" class="text ">
          <p><span>后台管理系统</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u582" class="ax_default" data-left="10" data-top="66" data-width="161" data-height="31">

        <!-- Unnamed (矩形) -->
        <div id="u583" class="ax_default _跳转-移入">
          <img id="u583_img" class="img " src="images/首页（总览）/u183.png"/>
          <div id="u583_text" class="text ">
            <p><span>搜索</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u584" class="ax_default icon">
          <img id="u584_img" class="img " src="images/首页（总览）/u184.png"/>
        </div>
      </div>

      <!-- 线条 (动态面板) -->
      <div id="u585" class="ax_default" data-label="线条">
        <div id="u585_state0" class="panel_state" data-label="State1" style="">
          <div id="u585_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u586" class="ax_default line">
        <img id="u586_img" class="img " src="images/首页（总览）/u186.png"/>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u587" class="ax_default" data-left="277" data-top="0" data-width="264" data-height="50">

        <!-- Unnamed (矩形) -->
        <div id="u588" class="ax_default _默认样式" selectiongroup="一级分类">
          <img id="u588_img" class="img " src="images/首页（总览）/u188.png"/>
          <div id="u588_text" class="text ">
            <p><span>用户管理</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u589" class="ax_default _默认样式 selected" selectiongroup="一级分类">
          <img id="u589_img" class="img " src="images/首页（总览）/u188_selected.png"/>
          <div id="u589_text" class="text ">
            <p><span>内容管理</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u590" class="ax_default _默认样式" selectiongroup="一级分类">
          <img id="u590_img" class="img " src="images/首页（总览）/u188.png"/>
          <div id="u590_text" class="text ">
            <p><span>网站总览</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u591" class="ax_default _文本段落">
        <img id="u591_img" class="img " src="images/首页（总览）/u195.png"/>
        <div id="u591_text" class="text ">
          <p><span>系统日志</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u592" class="ax_default _跳转-移入">
        <img id="u592_img" class="img " src="images/查看/u592.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u593" class="ax_default _跳转-移入">
        <img id="u593_img" class="img " src="images/查看/u593.png"/>
        <div id="u593_text" class="text ">
          <p><span style="color:#F04844;">*</span><span style="color:#666666;"> 植物名称：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u594" class="ax_default _跳转-移入">
        <img id="u594_img" class="img " src="images/查看/u593.png"/>
        <div id="u594_text" class="text ">
          <p><span style="color:#F04844;">*</span><span style="color:#666666;"> 相关诗句：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u595" class="ax_default _跳转-移入">
        <img id="u595_img" class="img " src="images/查看/u595.png"/>
      </div>

      <!-- Unnamed (Right Arrow Button) -->
      <div id="u596" class="ax_default _跳转-移入">
        <img id="u596_img" class="img " src="images/查看/u596.png"/>
        <div id="u596_text" class="text ">
          <p><span>基本信息</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u597" class="ax_default _跳转-移入">
        <img id="u597_img" class="img " src="images/查看/u597.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u598" class="ax_default _跳转-移入">
        <img id="u598_img" class="img " src="images/查看/u598.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u599" class="ax_default _跳转-移入">
        <img id="u599_img" class="img " src="images/查看/u595.png"/>
      </div>

      <!-- Unnamed (Right Arrow Button) -->
      <div id="u600" class="ax_default _跳转-移入">
        <img id="u600_img" class="img " src="images/查看/u596.png"/>
        <div id="u600_text" class="text ">
          <p><span>植物属性</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u601" class="ax_default _跳转-移入">
        <img id="u601_img" class="img " src="images/查看/u601.png"/>
        <div id="u601_text" class="text ">
          <p><span style="color:#FF0000;">* </span><span style="color:#656565;">植物图片：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u602" class="ax_default _跳转-移入">
        <img id="u602_img" class="img " src="images/查看/u601.png"/>
        <div id="u602_text" class="text ">
          <p><span style="color:#F04844;">*</span><span style="color:#666666;"> </span><span style="color:#656565;">分布区域：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u603" class="ax_default _跳转-移入">
        <img id="u603_img" class="img " src="images/查看/u601.png"/>
        <div id="u603_text" class="text ">
          <p><span style="color:#F04844;">*</span><span style="color:#666666;"> </span><span style="color:#656565;">种植要点：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u604" class="ax_default _跳转-移入">
        <img id="u604_img" class="img " src="images/查看/u595.png"/>
        <div id="u604_text" class="text ">
          <p><span>+</span></p>
        </div>
      </div>

      <!-- Unnamed (Right Arrow Button) -->
      <div id="u605" class="ax_default _跳转-移入">
        <img id="u605_img" class="img " src="images/查看/u596.png"/>
        <div id="u605_text" class="text ">
          <p><span>植物百科</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u606" class="ax_default _跳转-移入">
        <img id="u606_img" class="img " src="images/查看/u601.png"/>
        <div id="u606_text" class="text ">
          <p><span style="color:#F04844;">*</span><span style="color:#666666;"> </span><span style="color:#656565;">植物分类：</span></p>
        </div>
      </div>

      <!-- 页面标题 (矩形) -->
      <div id="u607" class="ax_default _默认样式" data-label="页面标题">
        <img id="u607_img" class="img " src="images/首页（总览）/页面标题_u176.png"/>
        <div id="u607_text" class="text ">
          <p><span>查看植物信息</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u608" class="ax_default box_1">
        <img id="u608_img" class="img " src="images/查看/u608.png"/>
        <div id="u608_text" class="text ">
          <p><span>&nbsp;&nbsp;&nbsp; 牡丹</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u609" class="ax_default box_1">
        <img id="u609_img" class="img " src="images/查看/u609.png"/>
        <div id="u609_text" class="text ">
          <p><span>&#149; 唯有牡丹真国色，花开时节动京城。——刘禹锡《赏牡丹》</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u610" class="ax_default box_1">
        <img id="u610_img" class="img " src="images/查看/u610.png"/>
        <div id="u610_text" class="text ">
          <p><span>&#149; 绿艳闲且静，红衣浅复深。——王维《红牡丹》</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u611" class="ax_default box_1">
        <img id="u611_img" class="img " src="images/查看/u610.png"/>
        <div id="u611_text" class="text ">
          <p><span>&#149; 天下真花独牡丹。 ——欧阳修《洛阳牡丹记》</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u612" class="ax_default box_1">
        <img id="u612_img" class="img " src="images/查看/u610.png"/>
        <div id="u612_text" class="text ">
          <p><span>&#149; 绝代只西子，众芳惟牡丹。——白居易《牡丹》</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u613" class="ax_default box_1">
        <img id="u613_img" class="img " src="images/查看/u610.png"/>
        <div id="u613_text" class="text ">
          <p><span>&#149; 若教解语应倾国，任是无情亦动人。——罗隐《牡丹花》</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u614" class="ax_default box_1">
        <img id="u614_img" class="img " src="images/查看/u614.png"/>
        <div id="u614_text" class="text ">
          <p><span>&#149; 桃李花开人不窥，花时须是牡丹时。——邵雍《洛阳春吟》</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u615" class="ax_default _图片_">
        <img id="u615_img" class="img " src="images/查看/u615.jpg"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u616" class="ax_default box_1">
        <img id="u616_img" class="img " src="images/查看/u616.png"/>
        <div id="u616_text" class="text ">
          <p><span>&nbsp;世界各地均有</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u617" class="ax_default box_1">
        <img id="u617_img" class="img " src="images/查看/u616.png"/>
        <div id="u617_text" class="text ">
          <p><span>&nbsp;芍药科芍药属植物</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u618" class="ax_default box_1">
        <img id="u618_img" class="img " src="images/查看/u616.png"/>
        <div id="u618_text" class="text ">
          <p><span>&nbsp;性喜温暖、凉爽、干燥、阳光充足的环境</span></p>
        </div>
      </div>

      <!-- Unnamed (多行文本框) -->
      <div id="u619" class="ax_default text_area">
        <textarea id="u619_input">&nbsp;&nbsp; &nbsp; &nbsp; 
&nbsp; &nbsp; &nbsp;&nbsp; 牡丹（学名：Paeonia suffruticosa Andr.）是芍药科、芍药属植物，为多年生落叶灌木。茎高达2米；分枝短而粗。叶通常为二回三出复叶，偶尔近枝顶的叶为3小叶；顶生小叶宽卵形，表面绿色，无毛，背面淡绿色，有时具白粉，侧生小叶狭卵形或长圆状卵形，叶柄长5-11厘米，和叶轴均无毛。花单生枝顶，苞片5，长椭圆形；萼片5，绿色，宽卵形，花瓣5或为重瓣，玫瑰色、红紫色、粉红色至白色，通常变异很大，倒卵形，顶端呈不规则的波状；花药长圆形，长4毫米；花盘革质，杯状，紫红色；心皮5，稀更多，密生柔毛。蓇葖长圆形，密生黄褐色硬毛。花期5月；果期6月。

&nbsp; &nbsp; &nbsp;&nbsp; 花色泽艳丽，玉笑珠香，风流潇洒，富丽堂皇，素有“花中之王”的美誉。在栽培类型中，主要根据花的颜色，可分成上百个品种。”牡丹品种繁多，色泽亦多，以黄、绿、肉红、深红、银红为上品，尤其黄、绿为贵。牡丹花大而香，故又有“国色天香”之称。

&nbsp; &nbsp; &nbsp; 唐代刘禹锡有诗曰：“庭前芍药妖无格，池上芙蕖净少情。唯有牡丹真国色，花开时节动京城。”。在清代末年，牡丹就曾被当作中国的国花。1985年5月牡丹被评为中国十大名花之一，排行第二。是中国特有的木本名贵花卉，有数千年的自然生长和1500多年的人工栽培历史。在中国栽培甚广，并早已引种世界各地。牡丹花被拥戴为花中之王，有关文化和绘画作品很丰富。

生长习性
&nbsp; &nbsp; &nbsp;&nbsp; 性喜温暖、凉爽、干燥、阳光充足的环境。喜阳光，也耐半阴，耐寒，耐干旱，耐弱碱，忌积水，怕热，怕烈日直射。适宜在疏松、深厚、肥沃、地势高燥、排水良好的中性沙壤土中生长。酸性或黏重土壤中生长不良。 
&nbsp; &nbsp; &nbsp;&nbsp; 充足的阳光对其生长较为有利，但不耐夏季烈日暴晒，温度在25℃以上则会使植株呈休眠状态。开花适温为17-20℃，但花前必须经过1-10℃的低温处理2-3个月才可。最低能耐-30℃的低温，但北方寒冷地带冬季需采取适当的防寒措施，以免受到冻害。南方的高温高湿天气对牡丹生长极为不利，因此，南方栽培牡丹需给其特定的环境条件才可观赏到奇美的牡丹花。

地理分布
&nbsp; &nbsp; &nbsp; 中国牡丹资源特别丰富，根据中国牡丹争评国花办公室专组人员调查，中国滇、黔、川、藏、新、青、甘、宁、陕、桂、湘、粤、晋、豫、鲁、闽、皖、赣、苏、浙、沪、冀、内蒙古、京、津、黑、辽、吉、海、南、港、台等地均有牡丹种植。大体分野生种、半野生种及园艺栽培种几种类型。
&nbsp; &nbsp; &nbsp;&nbsp; 牡丹栽培面积最大最集中的有菏泽、洛阳、北京、临夏、彭州、铜陵县等。通过中原花农冬季赴粤、闽、浙、深圳、海南进行牡丹催花，促使了牡丹在以上几个地区安家落户，使牡丹的栽植遍布了中国各省市自治区。
</textarea>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u620" class="ax_default _默认样式" selectiongroup="一级分类">
        <img id="u620_img" class="img " src="images/首页（总览）/u188.png"/>
        <div id="u620_text" class="text ">
          <p><span>权限</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u621" class="ax_default" data-left="-1" data-top="122" data-width="181" data-height="43">

        <!-- Unnamed (矩形) -->
        <div id="u622" class="ax_default box_1">
          <img id="u622_img" class="img " src="images/首页（总览）/u198.png"/>
          <div id="u622_text" class="text ">
            <p><span>首页</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u623" class="ax_default icon">
          <img id="u623_img" class="img " src="images/首页（总览）/u199.png"/>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u624" class="ax_default" data-left="0" data-top="139" data-width="181" data-height="195">

        <!-- Unnamed (矩形) -->
        <div id="u625" class="ax_default box_1">
          <img id="u625_img" class="img " src="images/首页（总览）/u198.png"/>
          <div id="u625_text" class="text ">
            <p><span>内容管理</span></p>
          </div>
        </div>

        <!-- down (形状) -->
        <div id="u626" class="ax_default icon" data-label="down">
          <img id="u626_img" class="img " src="images/首页（总览）/down_u202.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u627" class="ax_default icon">
          <img id="u627_img" class="img " src="images/首页（总览）/u199.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u628" class="ax_default box_1 selected">
          <img id="u628_img" class="img " src="images/首页（总览）/u198_selected.png"/>
          <div id="u628_text" class="text ">
            <p><span>AR识别植物</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u629" class="ax_default box_1">
          <img id="u629_img" class="img " src="images/首页（总览）/u204.png"/>
          <div id="u629_text" class="text ">
            <p><span>花园（总览）</span></p>
          </div>
        </div>

        <!-- down (形状) -->
        <div id="u630" class="ax_default icon" data-label="down">
          <img id="u630_img" class="img " src="images/首页（总览）/down_u202.png"/>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u631" class="ax_default" data-left="0" data-top="335" data-width="181" data-height="211">

        <!-- Unnamed (矩形) -->
        <div id="u632" class="ax_default box_1">
          <img id="u632_img" class="img " src="images/首页（总览）/u198.png"/>
          <div id="u632_text" class="text ">
            <p><span>用户管理</span></p>
          </div>
        </div>

        <!-- down (形状) -->
        <div id="u633" class="ax_default icon" data-label="down">
          <img id="u633_img" class="img " src="images/首页（总览）/down_u202.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u634" class="ax_default icon">
          <img id="u634_img" class="img " src="images/首页（总览）/u199.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u635" class="ax_default box_1">
          <img id="u635_img" class="img " src="images/首页（总览）/u204.png"/>
          <div id="u635_text" class="text ">
            <p><span>用户列表</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u636" class="ax_default box_1">
          <img id="u636_img" class="img " src="images/首页（总览）/u204.png"/>
          <div id="u636_text" class="text ">
            <p><span>新增用户</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u637" class="ax_default box_1">
          <img id="u637_img" class="img " src="images/首页（总览）/u204.png"/>
          <div id="u637_text" class="text ">
            <p><span>排行榜</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u638" class="ax_default box_1">
          <img id="u638_img" class="img " src="images/首页（总览）/u204.png"/>
          <div id="u638_text" class="text ">
            <p><span>用户详情</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u639" class="ax_default box_1">
        <img id="u639_img" class="img " src="images/首页（总览）/u204.png"/>
        <div id="u639_text" class="text ">
          <p><span>小程序总览</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u640" class="ax_default" data-left="0" data-top="545" data-width="181" data-height="128">

        <!-- Unnamed (矩形) -->
        <div id="u641" class="ax_default box_1">
          <img id="u641_img" class="img " src="images/首页（总览）/u198.png"/>
          <div id="u641_text" class="text ">
            <p><span>权限管理</span></p>
          </div>
        </div>

        <!-- down (形状) -->
        <div id="u642" class="ax_default icon" data-label="down">
          <img id="u642_img" class="img " src="images/首页（总览）/down_u202.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u643" class="ax_default icon">
          <img id="u643_img" class="img " src="images/首页（总览）/u199.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u644" class="ax_default box_1">
          <img id="u644_img" class="img " src="images/首页（总览）/u204.png"/>
          <div id="u644_text" class="text ">
            <p><span>角色列表</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u645" class="ax_default box_1">
          <img id="u645_img" class="img " src="images/首页（总览）/u204.png"/>
          <div id="u645_text" class="text ">
            <p><span>角色权限设置</span></p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
